    li {
        list-style: none;
    }

    .msgTime {
        font-size: 20px;
    }

    .el-badge__content.is-dot {
        width: 20px !important;
        height: 20px !important;
    }

    .el-badge__content.is-fixed {
        top: 0.010417rem !important;
        right: 0.060417rem !important;
    }

    .msgVideoShowBox {
        z-index: 9999;
        background-color: #000000;
        width: auto;
        display: inline;
        max-width: 600px;
        max-height: 600px;
        text-align: center;
        position: absolute;
        margin-left: 35%;
        margin-top: 5%;
        /*left: 50%;*/
        /*top: 50%;*/
        /*transform: translate(-50%, -50%);*/
    }

    .msgVideoShowContainer {
        /* position: relative;
         width: 400px;
         height: 500px;*/
        position: relative;
    }

    .shoutDownMsgVideo {
        height: 26px;
        text-align: right;
        align-items: center;
        line-height: 20px;
        /* position: absolute;
         top: 0%;
         right: 4px;*/
    }

    .shoutDownMsgImg {
        color: #f1f1f1;
        font-size: 26px;
        cursor: pointer;
    }

    .shoutDownMsgImg:hover {
        color: #00a0e9;

    }


    .msgVideoSelf {
        height: 60%;
        width: 350px;
        border: 0;
        outline: none;
        /* position: absolute;
         bottom: 0;*/
        /*display: inline-block;*/
    }

    .msgUser {
        width: 50px;
        height: 25px;
        font-family: SourceHanSansCN;
        font-size: 26px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
    }

    .LeftmsgBoxOut .msgContent {
        display: inline-block;
        min-width: 80px;
        margin-top: 2%;
        padding: 5px 8px;
        border-radius: 5px;
        background-color: #409EFF;
        width: auto;
        max-width: 500px;
        font-family: SourceHanSansCN;
        font-size: 26px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #e9e9e9;
        position: relative;
    }

    .RightmsgBoxOut .msgContent {
        display: inline-block;
        min-width: 80px;
        margin-top: 2%;
        padding: 5px 8px;
        border-radius: 5px;
        background-color: #409EFF;
        width: auto;
        max-width: 500px;
        font-family: SourceHanSansCN;
        font-size: 26px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #e9e9e9;
        position: relative;
    }

    /*文件区域图片大小*/
    .ivu-avatar > img {
        width: unset !important;
    }

    .msgDownIcon {
        width: 40px;
        height: 35px;
    }

    .messagesBoxImg {
        width: 60px;
        height: 60px;
        /*margin-top: 5px;*/
        /*vertical-align: top;*/
    } .msgDownIconvoiceCall {
        width: 60px;
        height: 60px;
        }

    .msgDownIconvideoCall {
        width: 50px;
        height: 60px;
    }

    .LeftmsgBoxOut .msgContent::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        left: -20px;
        top: 15px;
        border: 10px solid;
        border-color: transparent #409EFF transparent  transparent;
    }

    .LeftmsgBoxOut .msgContent::after {

    }

    .RightmsgBoxOut .msgContent::before {
        /*content: '';*/
        /*position: absolute;*/
        /*width: 0;*/
        /*height: 0;*/
        /*right: 12px;*/
        /*top: -18px;*/
        /*border: 10px solid;*/
        /*!*border-color: transparent transparent #5a64c1 transparent;*!*/
        /*border-color: transparent transparent #de3622 transparent;*/
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        right: -20px;
        top: 15px;
        border: 10px solid;
        /*border-color: transparent transparent #5a64c1 transparent;*/
        border-color: transparent  transparent  transparent #409EFF;
    }

   /* .RightmsgBoxOut .msgContent::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        right: 12px;
        top: -18px;
        border: 10px solid;
        border-color: transparent transparent #5a64c1 transparent;
    }*/

    .msgPhotoContent {
        max-width: 500px;
    }

    .msgFileContent {
        display: inline-block;
        width: 250px;
        height: 96px;
        /*   width: 230px;
           height: 96px;*/
        /* width: 230px;
         height: 96px;
         margin-top: 2%;
         border-radius: 10px;
         background-color: #efeff5;*/
        /*max-width: 500px;*/
        cursor: pointer;
        background-color: #ffffff;
    }

    .msgMapContent {
        width: 230px;
        height: 96px;
        background-color: #409EFF;
    }

    .msgFilesImg {
        margin-top: 10px;
        width: 50px;
        height: 50px;
        float: right;

    }

    .msgyuyinImg {

        width: 22px;
        height: 28px;
        float: right;
        /*line-height: 60px;*/
        z-index: -1;
        margin-top: 40%;
        transform: translateY(-65%);
        /*align-items: center;*/
    }

    .msgyuyinContent {
        line-height: 40px;
        height: 50px;
    }

    .downFiles {
        margin-top: 10px;
        /*line-height: 96px;*/
        width: 180px;
        color: #050505;
        font-size: 18px;
        float: left;
        text-align: left;
        word-break: break-all;
    }

    .msgDrowBackContent {
        width: 100%;
        height: 96px;
        margin-top: 5%;
        z-index: 9999 !important;
        color: #868383;
    }

    .RightmsgPhoto {
        /*float: right;*/
    }

    .LeftmsgPhoto {
        /*float: right;*/
    }

    .msgContentFontCtl {
        /*position: absolute;
        top: 50%;
        transform: translateY(-50%);*/
    }

    .tal {
        display: block;
        /*height: 100vh;*/
    }

    .LeftmsgAvaterText {
        text-align: center;
        color: white;
        font-family: SourceHanSansCN;
        font-size: 26px;
        font-weight: normal;
        font-stretch: normal;
    }

    .LeftmsgAvaterBox {
        width: 52px;
        height: 51px;
        background-color: #409EFF;
        /*border-radius: 50%;*/
        float: left;
        line-height: 51px;
        margin: 70px  10px  auto 2px;
    }

    .RightmsgAvaterBox {
        width: 52px;
        height: 51px;
        background-color: #409EFF;
        /*border-radius: 50%;*/
        float: right;
        line-height: 51px;
        /*display: inline-block;*/
        margin: 72px  2px auto 10px;
    }

    .LeftmsgTime {
        /*float: left;*/
    }

    .LeftmsgTimeText {
        /*float: left;*/
        font-size: 20px;
        transform: translateX(-62px);

    }

    .userName {
        line-height: 40px;
        text-align: center;
        color: white;
        font-family: SourceHanSansCN;
        font-size: 26px;
        font-weight: normal;
        font-stretch: normal;
    }


    .LeftmsgBoxCtn {
        text-align: right;
        word-break: break-all;
        display: block;
    }

    .msgTimgAndName {
        height: 50px;
        margin-top: 4%;
    }

    .msgAvaterBox {
        width: 52px;
        height: 51px;
        background-color: #5a64c1;
        border-radius: 50%;
        /*float: right;*/
        display: inline-block;
    }

    .RightmsgTime {
        height: 40px;
        /*float: right;*/
        margin-left: 50%;
    }

    .RightmsgTimeText {
        float: right;
        /*margin-right: 2%;*/
        font-size: 20px;
        transform: translateX(62px);
    }

    .RightmsgAvaterText {
        line-height: 40px;
        text-align: center;
        color: white;
        font-size: 15px;
    }

    .LeftmsgBoxOut {
        text-align: left;
    }

    .RightmsgBoxOut {
        text-align: right;
    }

    .RightmsgBoxCtn {
        text-align: left;
        word-break: break-all;
        display: block;
    }

    /**/
    .replaceMegImg {
        height: 35px;
        width: 35px;
        vertical-align: text-top;
    }

    .replaceMegImglist {
        height: 25px;
        width: 25px;
        vertical-align: text-top;
    }

    .replaceMegImglistLeft {
        height: 26px;
        width: 26px;
        vertical-align: text-top;
    }

    .msgPhoto {
        /*height: 100px;*/
        /*width:170px*/
    }

    .msgInputDown {
        width: 100%;
        height: 100px;
        z-index: 99999;
    }

    /*左侧B消息*/
    .messagesBoxdown80datas {
        height: 150px;
        width: 1080px;
        background-color: #4b6182;
    }

    .messagesBoxdown80datasCtl {
        float: right;
        /*float: left;*/
        background-color: #fff;
        position: relative;
        top: 20%;
        transform: translateY(-50%);
    }

    .messagesBoxdown80datasAvater {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #5D63C5;
    }

    .messagesBoxdown80datasText {
        height: 20px;
        width: 60px;
        background-color: #c12727;
        position: absolute;
        left: -100px;
        top: 10px;
    }

    .messagesBoxdown80datasMessages {
        height: 20px;
        width: 60px;
        background-color: #c12727;
        display: inline-block;
        margin-top: 15px;
        position: absolute;
        left: -150px;
    }

    .messagesBoxdown80datasMessagesBox {
        height: 60px;
        min-width: 150px;
        background-color: #5A65C1;
        border-radius: 10px;
    }

    /**/
    .messagesBox {
        height: 93%;
        width: 100%;
        background-color: #f5f5f5;
        display: flex;
        position: absolute;
        top: 7%;
    }

    .messagesBox-left {
        width: 25%;
        height: 100%;
        background-color: #E2E3E7;
    }

    .messagesBox-BigRight {
        width: 75%;
        /*background-color: #9fbd6e;*/
    }

    .messagesBox-center {
        width: 50%;
        /*background-color: #9fbd6e;*/
    }

    .messagesBox-right {
        width: 25%;
        /*background-color: #872306;*/
    }

    .messagesBox-left-top {
        height: 80px;
        display: flex;
        border-bottom: 1px solid #DADADA;
        /*justify-content: space-between;*/
        position: relative;
        z-index: 1000;
        background-color: #E2E3E7;
    }

    /*搜索框部分开始*/
    .messagesBox-left-topOne {
        width: 30%;
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translateY(-50%);
    }

    .messagesBox-left-text {
        /*  position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);*/
        font-family: SourceHanSansCN;
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #666666;
    }
    .messagesHisMsgs{
        font-size: 18px;
    }

    .messagesBox-left-text {
        color: #7C7C7C;
        font-size: 20px;
        font-weight: bold;
    }

    .messagesBox-left-topTwo {
        width: 60%;
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translateY(-50%);
    }

    .dataAvatarText {
        color: #ffffff;
        font-weight: bold;
        font-size: 18px;
    }

    .messagesBox-left-topTwo-input {
        height: 40px;
        width: 300px;
        border: none;
        border-radius: 5px;
        outline: none;
    }

    .messagesBox-left-topThree {
        width: 20%;
        position: absolute;
        top: 50%;
        left: 90%;
        transform: translateY(-50%);
    }

    .messagesBox-left-topThreeBtn {
        width: 39px;
        height: 39px;
        background-color: #fff;
        position: relative;
        border-radius: 5px;
        cursor: pointer;
    }

    .messagesBox-left-topThreeBtn-controller {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

    }
.msgaddLeftImg{
    /*height: 60px;*/
    /*width: 60px;*/
}
    /*搜索框部分结束*/
    /*左侧数据区域开始*/
    .messagesBox-left-group {
        /*margin-top: 5%;*/
        /*max-height: 86%;*/
        /*max-height: 800px;*/
        height: 1025px;
        overflow: auto;
    }


    .messagesBox-left-group::-webkit-scrollbar { /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
        scrollbar-arrow-color: #dadada;
    }

    .messagesBox-left-group::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
        scrollbar-arrow-color: #dadada;
    }

    .messagesBox-left-group::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .messagesBox-BigRight-down-memberList-container::-webkit-scrollbar { /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
        scrollbar-arrow-color: #111111;
    }

    .messagesBox-BigRight-down-memberList-container::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
        scrollbar-arrow-color: #090909;
    }

    .messagesBox-BigRight-down-memberList-container::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .messagesBox-left-group-datas {
        height: 100px;
        width: 100%;
        /*background-color: #fff;*/
        position: relative;
        border-bottom: 1px solid #D9DADE;
    }

    .select-item {
        background-color: #DADADA;
    }

    .messagesBox-left-group-datas2 {
        height: 100px;
        width: 100%;
        background-color: #E2E3E7;
        position: relative;
    }

    .messagesBox-left-group-datas-ctl {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
        display: flex;
    }

    .messagesBox-left-group-datas-ctn {
        display: flex;
    }

    .messagesBox-left-group-datas-leftRight {
        display: flex;
    }

    .messagesBox-left-group-left {
        width: 100%;
        cursor: pointer;
        /*background-color: #de0e0e;*/
    }

    .messagesBox-left-group-left:hover {
        width: 100%;
        cursor: pointer;
        background-color: #DADADA;
    }

    .messagesBox-left-group-right {
        width: 30%;

    }

    .messagesBox-left-group-leftContainer {
        display: flex;
        /*height: 100px;*/
        margin-left: 5%;
        position: relative;
    }

    .messagesBox-left-group-leftContainerTwo {
        margin-left: 5%;
    }


    .messagesBox-left-group-leftContainText {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .messagesBox-left-group-leftContainText-one {
        /*  width: 200px;
          margin-left: 30%;*/
        font-family: SourceHanSansCN;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;

    }

    .messagesBox-left-group-leftContainText-msgString {
        font-family: SourceHanSansCN;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #999999;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 180px;
        height: 30px;
        line-height: 30px;

    }

    .groupImg {
        width: 80px;
        height: 80px;
    }

    .messagesBox-left-group-leftContainText-two {
        font-size: 10px;
        color: #9a9ac6;
        margin-top: 5%;

    }

    .messagesBox-left-group-leftContainerControl {
        position: absolute;
        top: 30%;
        left: 30%;
        transform: translateY(-50%);
    }

    .messagesBox-left-group-msgString {
        position: absolute;
        top: 70%;
        left: 30%;
        transform: translateY(-50%);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 180px;
    }

    .messagesBox-left-group-right {
        position: relative;
    }

    .messagesBox-left-group-rightBox {
        position: absolute;
        right: 10%;
        cursor: pointer;
    }

    .messagesBox-left-group-datas3 {
        height: 100px;
        width: 100%;
        /*background-color: #e32929;*/
        position: relative;
    }

    .messagesBox-left-group-datas3-ctl {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
        display: flex;
    }

    /*左侧数据区域结束*/
    /*右侧开始*/
    .messagesBox-BigRight-top {
        display: flex;
        height: 95px;
        line-height: 95px;
        background-color: #F5F5F5;
        /*justify-content: space-between;*/
        border-bottom: 1px solid #ECECEC;
    }

    .messagesBox-BigRight-topLeft {
        margin-left: 2%;
        width: 75%;
        font-family: SourceHanSansCN;
        font-size: 26px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #666666;
    }

    .messagesBox-BigRight-topRight {
        display: flex;
        width: 25%;
        /*margin-right: 5%;*/
        /*justify-content: space-between;*/
    }

    .messagesBox-BigRight-topRight-chat {
        display: flex;
        /*justify-content: space-between;*/
    }

    .messagesBox-BigRight-topRight-chat-one {
        width: 25%;
    }

    .messagesSelectHanderMenu {
        width: 25%;
        cursor: pointer;
        font-family: SourceHanSansCN;
        font-size: 26px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #666666;
    }

    .messagesNoSelectHanderMenu {
        width: 25%;
        cursor: pointer;
        font-family: SourceHanSansCN;
        font-size: 26px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #999999;
    }

    .messagesBox-BigRight-topRight-chat-two {
        /*margin-left: 5%;*/
        width: 25%;
    }

    .messageFile:hover {
        cursor: pointer;
        /*color: #f60000;*/
    }

    .messagesBox-BigRight-topRight-setting {
        width: 50%;
        /*margin-left: 20%;*/
        /*background-color: #e76a6a;*/
        position: relative;
    }

    .messagesBox-BigRight-topRight-settingIcon {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-30%);
    }

    .messagesBox-BigRight-downBox {
        position: relative;
        width: 100%;
    }

    .messagesBox-BigRight-down {
        display: flex;
        height: 80vh;
        /*min-height: 80vh;*/
        overflow: hidden;
        position: relative;
    }

    .messagesBox-BigRight-fileBox {
        position: relative;
        height: 80px;
        display: flex;
        border-bottom: 1px solid #dadada;
        cursor: pointer;
    }

    .messagesBox-BigRight-fileBox:hover {
        background-color: #dadada;
    }

    .messagesBox-BigRight-fileContainer {
        height: 800px;
        overflow: hidden auto;
    }

    .messagesBox-BigRight-fileContainer::-webkit-scrollbar { /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
        scrollbar-arrow-color: #dadada;
    }

    .messagesBox-BigRight-fileContainer::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
        scrollbar-arrow-color: #dadada;
    }

    .messagesBox-BigRight-fileContainer::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .messagesBox-BigRight-downImg {
        width: 100px;
        height: 60px;
        /*background-color: #e5e5e5;*/
    }

    .messagesBox-BigRight-downDesc {
        width: 70%;
        height: 60px;
        /*background-color: #c66262;*/
        position: relative;
    }

    .messagesBox-BigRight-downTime {
        width: 150px;
        height: 60px;
        /*background-color: #d22525;*/
        position: absolute;
        right: 10%;
    }

    .messagesBox-BigRight-downBtn {
        width: 100px;
        height: 60px;
        /*background-color: #25c4d2;*/
        position: absolute;
        right: 10px;
    }

    .messagesBox-BigRight-downTimeContainer {
        position: relative;
        width: 150px;
        height: 60px;
    }

    .messagesBox-BigRight-downBtnContainer {
        position: relative;
        width: 150px;
        height: 60px;
    }

    .messagesBox-BigRight-downTimeCtr {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        /*top: calc(50% - 10px);*/

        font-size: 14px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        color: #666666;
    }

    .messagesBox-BigRight-downBtnCtl {
        position: absolute;
        top: calc(50% - 10px);
        left: 25%;
    }

    .messagesBox-BigRight-downDescUp {
        position: absolute;
        top: 0;
        word-break: break-word;
        /*  font-size: 14px;
          display: inline-block;
          margin-top: 2px;
          width: 100%;
          float: left;
          !*line-height: normal;*!
          text-overflow: ellipsis;
          padding: 2px;
          !*white-space:nowrap;*!
          text-align: left;
          -webkit-line-clamp: 2; !** 显示的行数，显示高度设置成行高，多余部分隐藏 **!
      */
    }

    .messagesBox-BigRight-downDescDown {
        position: absolute;
        top: 70%;
        font-size: 14px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        color: #939393;

    }

    @media (max-width: 1366px) {
        .messagesBox-BigRight-downDescDown {
            position: absolute;
            top: 80%;
            font-size: 14px;
            font-family: SourceHanSansCN;
            font-weight: bold;
            color: #939393;

        }
    }
    .handleFileDownlandBtn {
        margin-right: 15px;
        font-size: 18px;
    }

    .messagesBox-BigRight-downImgBox {
        position: relative;
        width: 100px;
        height: 60px;
    }

    .messagesBox-BigRight-downImgCtl {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .ifFilesDatas {
        position: absolute;
        top: 1%;
        left: 50%;
        text-align: center;
    }

    /*聊天界面----设置最小宽度*/
    .messagesBox-BigRight-down-chat {
        min-width: 75%;
        /*background-color: #b8e026;*/
    }

    .messagesBox-BigRight-down-memberList {
        background-color: #f5f5f5;
        min-width: 25%;
        height: 85vh;
        border-left: 1px solid #E2E3E7;
    }

    .messagesBox-BigRight-down-memberList-top {
        height: 80px;
        background-color: #ECECEC;
        display: flex;
        flex-direction: row;
        /*line-height: 80px;*/
        position: relative;
    }

    .messagesBox-BigRight-down-memberList-topLeft {
        display: flex;
        position: absolute;
        top: 50%;
        left: 2%;
        transform: translateY(-50%);
    }

    .messagesBox-BigRight-down-memberList-topRight {
        position: absolute;
        top: 50%;
        right: 2%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .messagesBox-BigRight-down-memberList-topRight-Ctl {

    }



    .messagesBox-BigRight-down-memberList-topLeftText {
        font-size: 30px;
        margin-top: 10px;
    }

    .sendMessageBtn {
        cursor: pointer;
        width: 139px;
        height: 50px;
        background-color: #409EFF;
        border-radius: 10px;
        font-size: 20px;
        color: #edfff3;
        border: 1px solid #409EFF;
        outline: none;
    }
    .messagesBox-BigRight-down-memberList-topRight-CtlImg{
        width: 50px;
        height: 50px;
    }

    .messagesBox-BigRight-down-memberList-container {
        /*max-height: 100%;*/
        height: 700px;
        overflow: auto;
    }

    .messagesBox-BigRight-down-memberList-containerBoxHover {
        margin-top: 5%;
        height: 60px;
        display: flex;
        position: relative;
        border-bottom: 1px solid #DADADA;
    }

    .messagesBox-BigRight-down-memberList-containerBoxHover:hover {
        margin-top: 5%;
        height: 60px;
        display: flex;
        position: relative;
        background-color: #DADADA;
        border-bottom: 1px solid #DADADA;
    }

    .messagesBox-BigRight-down-memberList-containerBox {
        margin-top: 5%;
        height: 60px;
        display: flex;
        position: relative;
        border-bottom: 1px solid #DADADA;
    }

    .messagesBox-BigRight-down-memberList-container0ne {
        position: absolute;
        top: 50%;
        left: 2%;
        transform: translateY(-50%);
    }

    .messagesBox-BigRight-down-memberList-container0ne-Avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #409EFF;
        position: relative;

    }

    .messagesBox-BigRight-down-memberList-container0ne-AvatarText {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 22px;
    }

    .messagesBox-BigRight-down-memberList-containerTwo {
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translateY(-50%);
        font-family: SourceHanSansCN;
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #666666;
    }

    .messagesBox-BigRight-down-memberList-containerThree {
        position: absolute;
        top: 50%;
        right: 2%;
        transform: translateY(-50%);
    }

    .nomessagesBox-BigRight-down-memberList-containerThree {
        display: none;
        position: absolute;
        top: 50%;
        right: 2%;
        transform: translateY(-50%);
    }

    /*聊天界面*/
    .messagesBox-BigRight-down80 {
        height: 72%;
        background-color: #f5f5f5;
        overflow: hidden;
    }

    .data02RightMsg {
        font-size: 10px;
        margin-right: 5px
    }

    .data02LeftMsg {
        font-size: 10px;
        margin-left: 5px
    }

    .messagesBox-BigRight-down20 {
        /*height: 20%;*/
        height: 250px;
        /*background-color: #37cb27;*/
        z-index: 9;
        position: relative;
    }

    .messagesBox-BigRight-down20-up {
        height: 60px;
        background-color: #f5f5f5;
        border-top: 1px solid #E2E3E7;
        position: relative;
    }

    .messagesBox-BigRight-downFile {
        display: flex;
        z-index: 9999;
        height: 60px;
    }

    .messagesBox-BigRight-downFileBox {
        margin-left: 5px;
        cursor: pointer;
        vertical-align: center;
        height: 60px;
        /*background-color: #ce2828;*/

    }

    .inputmsg {
        border: unset !important;
        font-size: 50px;
    }

    .messagesBox-BigRight-down20-input .el-textarea__inner {
        border: unset !important;
    }

    .messagesBox-fileText {
        font-size: 16px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        color: #666666;
    }

    @media (max-width: 1366px) {
        .messagesBox-fileText {
            font-size: 16px;
            font-family: SourceHanSansCN;
            font-weight: bold;
            color: #666666;
        }
    }
    .messagesBox-BigRight-down20-input {
        height: 30vh;
        background-color: #f5f5f5;
    }

    .messagesBox-BigRight-down20-botton {
        position: absolute;
        bottom: 4%;
        right: 20%;
        /*transform: translateY(-50%);*/
    }

    /*左聊天*/
    .messagesBox-BigRight-down80-contain {
        /*background-color: #fff;*/
        /*height: 620px;*/
        /*height: 585px;*/
        height: 712px;
        overflow: auto;
        z-index: -1;
        flex-direction: column;
    }

    /*撤回消息*/
    .withdrawMessageStyle {
        height: 100px;
        height: 30px;
        position: absolute;
        top: 40%;
        left: 70%;
        /*transform: translate(-50%, -50%);*/
        background-color: #797979;
        z-index: 999;

    }

    .cursorText {
        width: 50px;
        cursor: pointer;
    }

    /*撤回消息*/
    .messagesBox-BigRight-down80-datas {
        height: 150px;
        background-color: #fff;
        display: flex;
        position: relative;
    }

    .messagesBox-BigRight-down80-datas-container0ne-Avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #5D63C5;
        position: relative;

    }

    .messagesBox-BigRight-down80-datas-container0ne-AvatarText {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .messagesBox-BigRight-down80-datas-container0ne {
        position: absolute;
        top: 50%;
        left: 2%;
        transform: translateY(-50%);
    }

    .messagesBox-BigRight-down80-datas-containerTwo {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
    }

    .messagesBox-BigRight-down80-datas-containerMessages {
        position: absolute;
        top: 62%;
        left: 10%;
    }

    .messagesBox-BigRight-down80-datas-containerMessagesBox {
        height: 60px;
        width: 100%;
        background-color: #5A65C1;
        border-radius: 10px;
    }


    /*右聊天*/
    .messagesBox-BigRight-down80-datas-container0neR {
        position: absolute;
        top: 50%;
        right: 2%;
        transform: translateY(-50%);
    }

    .messagesBox-BigRight-down80-datas-container0ne-AvatarR {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #5D63C5;
        position: relative;

    }

    .messagesBox-BigRight-down80-datas-containerTwoR {
        position: absolute;
        top: 50%;
        right: 10%;
        transform: translateY(-50%);
    }

    .messagesBox-BigRight-down80-datas-containerMessagesR {
        position: absolute;
        top: 62%;
        right: 10%;
    }

    .messagesBox-BigRight-down80-datas-containerMessagesBoxR {
        height: 60px;
        width: 100%;
        background-color: #5A65C1;
        border-radius: 10px;
    }

    /*右侧结束*/
    .msgContent {
        /* display: inline-block;
         max-width: 300px;
         font-size: 14px;*/
        /*border: 1px solid #ddd;*/
        /*background: #f5f5f5;*/
        /* border-radius: 3px;
         padding: 5px;
         vertical-align: top;*/
        cursor: pointer;
        color: #edfff3;
    }

    .el-textarea__inner {
        background-color: #f5f5f5 !important;
    }

    .showHisMsgs {
        position: absolute;
        left: 50%;
        top: 10%;
        z-index: 99;
        cursor: pointer;
    }

    .messagesUnfoldClass {
        width: 35px;
        height: 80px;
        background-color: #DADADA;
        border-radius: 10px 0 0 10px;
    }

    .merberListShowIcon {
        width: 35px;
        height: 60px;
    }

    .showHisTime {
        position: absolute;
        left: 50%;
        top: 30%;
        /*transform: translateX(-50%);*/
        z-index: 99;
        cursor: pointer;
    }


    /*------消息语音视频开始--------*/
    .video-big {
        /*   width: 640px;
           height: 440px;*/
        width: 640px;
        height: 440px;
        background-color: #070707;
        position: absolute;
        left: 550px;
        top: 100px;
        z-index: 99999;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }

    .video-big .videoTitle {
        border: #0d6fb8 !important;
        background-color: #0D3052 !important;
    }

    .videoTitle {
        height: 34px;
        line-height: 30px;
        cursor: move;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        display: flex;
    }

    .videoUserImg {
        width: 25px;
        height: 25px;
    }

    .video-big .videoTitle .btn-close {
        top: 0;
        right: 40px;
        font-size: 25px;
        color: white;
        transform: rotate(45deg);
        position: absolute;
        cursor: pointer
    }

    .video-big .status {
        margin-left: 40px
    }

    .video-big .video-bottom-menu,
    .video-big .videoTitle {
        width: 555px;
    }

    .video-big .videoTitle {
        padding: 7px 45px;
        border-bottom: 1px solid #30394b
    }

    .video-bottom-menu {
        text-align: center;
        padding: 7px 45px;
    }

    .user_intro {
        height: 100%;
        font-size: 16px;
        font-family: SourceHanSansCN;
        font-weight: 200;
        color: rgba(255, 255, 255, 1);
    }

    .user_intro > div {
        padding: 4px 0
    }

    .user_check {
        cursor: pointer;
        pointer-events: all !important;
    }


    .video-big .video-bottom-menu, .video-big .videoTitle {
        width: auto
    }

    .video_local {
        border-image: none;
        top: 48px;
        width: 240px;
        height: 180px;
        right: -240px;
        float: right;
        position: absolute;
        background-color: #0c0c0c;
    }

    .canvasvideoStyleCanvas1 {
        width: 240px;
        height: 180px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .canvasvideoStyleCanvas2 {
        position: absolute;
        left: 80%;
        top: 0%;
        width: 20%;
        height: 30%;
        z-index: 10;
    }

    .canvasvideoStyleCanvas3 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        z-index: -1;
    }

    .canvasvideoStyleCanvas4 {
        width: 640px;
        height: 400px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .canvasvideoStyleCanvas5 {
        position: absolute;
        left: 80%;
        top: 0%;
        width: 20%;
        height: 30%;
        z-index: 10;
    }

    .canvasvideoStyleCanvas6 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        z-index: -1;

    }

    .video-bottom-menu .mkfOpen {
        width: 60px;
        height: 60px;
        background: rgba(255, 255, 255, .1) !important;
        border-radius: 15px;
        text-align: center !important;
    }

    .mkfOpenStyle {
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
        background: rgba(255, 255, 255, .2) !important;
        border-radius: 15px;
        text-align: center !important;
        line-height: 60px;
        display: inline-block;
        cursor: pointer
    }

    .videoUoiceImg {
        width: 23px;
        height: 34px;
        border: none;
        margin-top: 10px;
    }

    /* todo ip-video-container */
    @media (max-width: 3840px) {
        .vv {
            width: 1280px;
            height: 800px;
        }

        .video-big {
            width: 1280px;
        }

        /*.video-big .video-bottom-menu, .video-big .videoTitle{width:1110px}*/
    }

    @media (max-width: 2560px) {
        .vv {
            width: 854px;
            height: 534px;
        }

        .video-big {
            width: 854px;
        }

        /*.video-big .video-bottom-menu, .video-big .videoTitle{width:740px}*/
    }

    @media (max-width: 1920px) {
        .vv {
            width: 640px;
            height: 400px;
        }

        .video-big {
            width: 640px;
        }
    }

    /*------消息语音视频结束--------*/
    /*------消息语音通话--------*/
    .msgIPcallbox {
        width: 300px;
        height: 450px;
        background-color: #090808;
        z-index: 2000;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999999 !important;
    }

    .msgIPcallContainer {
        width: 300px;
        height: 450px;
        position: relative;
    }

    .msgIPcallContainer-topCtl {
        position: absolute;
        top: 1%;
        cursor: move;
    }

    .msgIPcallContainer-top {
        width: 300px;
        text-align: right;
    }

    .msgIPcallContainer-topImg {
        height: 30px;
        width: 20px;
        cursor: pointer;
    }

    .msgIPcallContainer-Status {
        position: absolute;
        left: 50%;
        top: 10%;
        transform: translateX(-50%);
    }

    .msgIPcallContainer-StatusText {
        color: #F1F1F1;
    }

    .msgIPcallContainer-AvaterBox {
        position: absolute;
        left: 50%;
        top: 20%;
        transform: translateX(-50%);
    }

    .msgIPcallContainer-AvaterBox1 {

    }

    .msgIPcallContainer-userCtl {
        width: 300px;
        position: absolute;
        /*left: 50%;*/
        top: 40%;
        /*transform: translateX(-50%);*/
        text-align: center;
    }

    .msgIPcallContainer-user {
        font-size: 16px;
        color: #F1F1F1;
    }

    .msgIPcallContainer-Time {
        font-size: 10px;
        color: #F1F1F1;
    }

    .msgHunupCtl {
        position: absolute;
        left: 50%;
        bottom: 10%;
        transform: translateX(-50%);
        cursor: pointer;
    }

    /*<!--关闭语音弹框-->*/
    .IpCallshoutmsgIPcallbox {
        z-index: 9999999 !important;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        height: 140px;
        background-color: #ffffff;
    }

    .shoutmsgIPcallbox {
        /*    z-index: 9999999 !important;
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            width: 250px;
            height: 140px;*/
    }

    .shoutmsgIPcallCon {
        width: 250px;
        height: 140px;
        position: relative;
    }

    .shoutmsgIPcallbox-top {
        width: 250px;
        height: 33px;
        background-color: #ffffff;
        border-bottom: 1px solid #e2dfdf;
        /*position: absolute;*/
        /*top: 0%;*/
        position: relative;
    }

    .shoutmsgIPcallbox-center {
        position: absolute;
        top: 40%;
        left: 3%;
    }

    .shoutmsgIPcallbox-bottom {
        position: absolute;
        bottom: 0%;
    }

    .shoutmsgIPcallbox-center-text {
        font-size: 13px;
        word-break: normal;
        text-align: center;
    }

    .shoutmsgIPcallbox-topL {
        position: absolute;
        left: 2%;
        top: 5%;

    }

    .shoutmsgIPcallbox-topLText {
        font-size: 16px;
        margin-top: 20px;
    }

    .shoutmsgIPcallbox-topR {
        position: absolute;
        right: 2%;
        cursor: pointer;
    }

    .msgHunupCtlImg {
        width: 50px;
        height: 50px;
    }

    .shoutmsgIPcallbox-img {
        width: 20px;
        height: 20px;
    }

    .shoutmsgIPcallbox-bottom-container {
        position: relative;
        width: 250px;
        height: 33px;
    }

    .shoutBcom {
        width: 50px;
        height: 20px;
        line-height: 20px;
        background-color: #fcfcfc;
        text-align: center;
        cursor: pointer;
        border: 1px solid #a7a7a7;

    }

    .shoutBcom:hover {
        background-color: #E2E3E7;
    }

    .shoutmsgIPcallbox-bottom-yes {
        position: absolute;
        right: 22%;
        bottom: 1px;
    }

    .shoutmsgIPcallbox-bottom-no {
        position: absolute;
        right: 1%;
        bottom: 1px;
        /*width: 50px;*/
        /*height: 20px;*/
        /*line-height: 20px;*/
        /*background-color: #fafafa;*/
        /*text-align: center;*/
        /*cursor: pointer;*/
    }


    .msgShoutDownVoiceCtl {
        position: absolute;
        left: 25%;
        bottom: 30%;
        cursor: pointer;
    }

    .msgShoutDownVoiceBox {
        width: 50px;
        height: 50px;
        background-color: #cccccc;
        border-radius: 50%;
        position: relative;
    }

    .msgShoutDownVoiceBoxImg {
        /*width: 25px;*/
        /*height: 24px;*/
        /*position: absolute;*/
        /*top: 50%;*/
        /*left: 50%;*/
        /*transform: translate(-50%, -50%);*/
        width: 50px;
        height: 50px;

    }

    .msgShoutDownVoice-textBox {
        position: absolute;
        left: 29%;
        bottom: 25%;
    }

    .msgShoutDownVoice-text {
        color: #F1F1F1;
    }

    .msgvolumeVoiceBox-textBox {
        position: absolute;
        right: 29%;
        bottom: 25%;
    }

    .msgvolumeVoiceCtl {
        position: absolute;
        right: 25%;
        bottom: 30%;
        cursor: pointer;
    }

    .msgvolumeVoice01Ctl {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 23%;
        top: 45%;
        cursor: pointer;
    }

    .msgvolumeVoiceBox {
        /*width: 50px;*/
        /*height: 50px;*/
        /*background-color: #cccccc;*/
        /*border-radius: 50%;*/
        /*position: relative;*/
    }

    .msgvolumeVoiceBoxImg {
        width: 50px;
        height: 50px;
        /*position: absolute;*/
        /*top: 50%;*/
        /*left: 50%;*/
        /*transform: translate(-50%, -50%);*/
    }

    /*------消息语音通话--------*/
    /*------消息语音视频结束--------*/
    .msgVideocallbox {
        width: 350px;
        height: 500px;
        background-color: #393939;
        z-index: 999999999 !important;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .msgVideocallBigbox {
        width: 350px;
        height: 500px;
        position: relative;
        z-index: 999999999;
    }

    .msgVideocallBigbox #DispatchVideoText_0 {
        display: none !important;
    }

    .msgVideo_div {
        width: 375px;
        height: 500px;
        background-color: #2a2929 !important;
        z-index: 1;
    }

    .msgVideoLocal_div {
        width: 199px;
        height: 150px;
        margin: 10px;
        background-color: #747373;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: 999;
    }

    .msgVideoContainer {
        width: 350px;
        height: 450px;
        position: relative;
    }

    .msgVideoContainer-topCtl {
        /* position: absolute;
         top: 1%;*/
    }

    .msgVideoContainer-topMove {
        width: 300px;
        height: 50px;
        position: absolute;
        top: 1%;
        left: 0;
        display: inline-block;
        z-index: 9999;
        cursor: move;
    }

    .msgVideoContainer-top {
        position: absolute;
        top: 1%;
        right: -4%;
        cursor: pointer;
        display: inline-block;
        z-index: 999999;
    }

    .msgVideoContainer-topImg {
        height: 30px;
        width: 30px;
        cursor: pointer;
        z-index: 999999;
    }

    .msgVideoContainer-Status {
        position: absolute;
        left: 50%;
        top: 10%;
        transform: translateX(-50%);
    }

    .msgVideoContainer-StatusText {
        color: #F1F1F1;
    }

    .msgVideoContainer-AvaterBox {
        position: absolute;
        left: 50%;
        top: 20%;
        transform: translateX(-50%);
    }

    .msgVideoContainer-AvaterBox1 {

    }

    .msgVideoContainer-userCtl {
        width: 350px;
        position: absolute;
        /*left: 50%;*/
        top: 55%;
        /*transform: translateX(-50%);*/
        text-align: center;
        z-index: 999;
    }

    .msgVideoContainer-user {
        font-size: 16px;
        color: #F1F1F1;
    }

    .msgVideoContainer-Time {
        font-size: 10px;
        color: #F1F1F1;
    }

    .msgVideoHunupCtl {
        position: absolute;
        left: 50%;
        bottom: 5%;
        transform: translateX(-50%);
        cursor: pointer;
        z-index: 999;
    }

    .msgVideoHunupCtlImg {
        width: 50px;
        height: 50px;
    }

    .msgVideoShoutDownVoiceCtl {
        position: absolute;
        left: 28%;
        bottom: 22%;
        cursor: pointer;
        z-index: 999;
    }

    .msgVideoShoutDownVoiceBox {
        /*width: 50px;*/
        /*height: 50px;*/
        /*background-color: #cccccc;*/
        /*border-radius: 50%;*/
        /*position: relative;*/
    }

    .msgVideoShoutDownVoiceBoxImg {
        width: 50px;
        height: 50px;

    }

    .msgVideoShoutDownVoice-textBox {
        position: absolute;
        left: 32%;
        bottom: 17%;
        z-index: 99999;
    }

    .msgVideoShoutDownVoice-textBoxR {
        position: absolute;
        right: 27%;
        bottom: 17%;
        z-index: 99999;
    }

    .msgVideoShoutDownVoice-text {
        color: #F1F1F1;
    }

    .msgVideoBox-textBox {
        position: absolute;
        right: 30%;
        bottom: 25%;
    }

    .msgvolumeVideoCtl {
        position: absolute;
        right: 23%;
        bottom: 22%;
        cursor: pointer;
        z-index: 999;
    }

    .msgvolumeVideo01Ctl {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 21%;
        top: 55%;
        cursor: pointer;
        z-index: 999;
    }

    .msgvolumeVideoBox {

    }

    .msgvolumeVideoBoxImg {
        width: 50px;
        height: 50px;
    }

    /*------消息语音视频结束--------*/
    /*------消息通话来电--------*/
    .IncomingCallBox {
        width: 240px;
        height: 220px;
        background-color: #090808;
        z-index: 9990900;
        position: absolute;
        bottom: 2%;
        right: 2%;
        /*transform: translate(-50%,-50%);*/
    }

    .IncomingCallContainer {
        position: relative;
        width: 240px;
        height: 220px;
    }

    .IncomingCallContainer-topCtl {
        position: absolute;
        top: 1%;
    }

    .IncomingCallContainer-top {
        width: 240px;
        height: 20px;
        position: relative;
    }

    .IncomingCallContainer-topImg {
        height: 30px;
        width: 20px;
    }

    .MsguserIncomingText {
        color: #F1F1F1;
    }

    .IncomingCallContainer-top01 {
        position: absolute;
        left: 1%;
    }

    .IncomingCallContainer-top02 {
        position: absolute;
        right: 1%;
    }

    .IncomingCallContainer-centerBox {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .IncomingCallContainer-centerBoxImg {
        height: 100px;
        height: 100px;
    }

    .IncomingCallContainer-DownBOX {
        position: absolute;
        bottom: 15%;
        left: 50%;
        transform: translateX(-50%);
    }

    .IncomingCallContainer-Down-Botton {
        width: 240px;
        position: relative;
    }

    .IncomingCallContainer-Down-Botton01 {
        width: 64px;
        height: 26px;
        background-color: #1AAC18;
        position: absolute;
        left: 20%;
        text-align: center;
        color: #F1F1F1;
        line-height: 26px;
        cursor: pointer;
    }

    .IncomingCallContainer-Down-Botton02 {
        width: 64px;
        height: 26px;
        background-color: #F35555;
        position: absolute;
        left: 50%;
        text-align: center;
        color: #F1F1F1;
        line-height: 26px;
        cursor: pointer;
    }

    .AnswerTheCall {
        text-align: center;
    }

    /*------消息通话来电--------*/
    /*转发*/
    .msgHandleOutCtl {
        position: absolute;
        left: 50%;
        top: 20%;
        transform: translateX(-50%);
        z-index: 9999;
    }

    .msgHandleOutBox {
        width: 550px;
        height: 480px;
        background-color: #FFFFFF;
        display: flex;
        border: 1px solid #cccccc;
        border-top: unset !important;
    }

    .msgHandleOutBoxMove {
        height: 5px;
        width: 550px;
        background-color: #FFFFFF;
        cursor: move;
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
    }

    .msgHandleOutBox-left {
        width: 275px;
        height: 480px;
        background-color: #fff;
        position: relative;
    }

    .msgHandleOutBox-right {
        width: 275px;
        height: 480px;
        /*background-color: #17551d;*/
        position: relative;
    }

    .msgHandleOutBox-left-up {
        height: 50px;
        width: 275px;
        /*background-color: #1161a7;*/
        position: relative;
    }

    .msgHandleOutBox-left-upBox {
        position: absolute;
        top: 5px;
        left: 5px;
    }

    .msgHandleOutBox-left-down {

    }

    .msgHandleOutBox-left-downItem03BoxCtlBtn1 {
        height: 40px;
        width: 40px;
        text-align: center;
    }

    .msgHandleOutBox-left-downContainer {
        height: 430px;
        width: 275px;
        /*background-color: #32a711;*/
        overflow-y: auto;
        overflow-x: hidden;
    }

    .msgHandleOutBox-left-downContainer::-webkit-scrollbar { /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
        scrollbar-arrow-color: #dadada;
    }

    .msgHandleOutBox-left-downContainer::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
        scrollbar-arrow-color: #dadada;
    }

    .msgHandleOutBox-left-downContainer::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .msgHandleOutBox-left-downItem {
        height: 50px;
        width: 275px;
        background-color: #fff;
        position: relative;
        border-bottom: 1px solid #e8e8e8;
    }

    .msgHandleOutBox-left-downItem01 {
        position: absolute;
        left: 2px;
        top: 2px;
    }

    .msgHandleOutBox-left-downItem02 {
        position: absolute;
        left: 60px;
    }

    .msgHandleOutBox-left-downItem03 {
        position: absolute;
        right: 30px;
    }

    .msgHandleOutBox-left-downItem01Box {
        width: 50px;
        height: 50px;
        /*background-color: #e32424;*/
        position: relative;
    }

    .msgHandleOutBox-left-downItem02Box {
        width: 150px;
        height: 50px;
        /*background-color: #2454e3;*/
        position: relative;
    }

    .msgHandleOutBox-left-downItem03Box {
        width: 50px;
        height: 50px;
        /*background-color: #2e8e13;*/
        position: relative;
    }

    .msgHandleOutBox-left-downItem01BoxCtl {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .msgHandleOutBox-left-downItem02BoxCtl {
        position: absolute;
        top: 50%;
        left: 5px;
        transform: translateY(-50%);
    }

    .msgHandleOutBox-left-downItem03BoxCtl {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .msgHandleOutBox-left-downItem02BoxCtlText {
        font-size: 16px;
    }

    .msgHandleOutBox-right-up {
        height: 50px;
        width: 275px;
        /*background-color: #bad6ec;*/
    }

    .msgHandleOutBox-right-center {
        margin-top: 10px;

    }

    .msgHandleOutBox-right-center-Container {
        height: 380px;
        width: 275px;
        /*background-color: #686868;*/
        overflow-y: auto;
        overflow-x: hidden;
    }

    .msgHandleOutBox-right-center-Container::-webkit-scrollbar { /*滚动条整体样式*/
        width: 1px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
        scrollbar-arrow-color: #dadada;
    }

    .msgHandleOutBox-right-center-Container::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
        scrollbar-arrow-color: #dadada;
    }

    .msgHandleOutBox-right-center-Container::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .msgHandleOutBox-right-center-Container::-webkit-scrollbar { /*滚动条整体样式*/
        width: 1px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
        scrollbar-arrow-color: #dadada;
    }

    .msgHandleOutBox-right-center-Container::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
        scrollbar-arrow-color: #dadada;
    }

    .msgHandleOutBox-right-center-Container::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .msgHandleOutBox-right-down {
        height: 50px;
        width: 275px;
        /*background-color: #92422f;*/
        position: relative;
        transform: translateY(-5%);

    }

    .msgHandleOutBox-right-upOne {
        height: 25px;
        width: 275px;
        /*background-color: #8ad512;*/
    }

    .msgHandleOutBox-right-upTwo {
        height: 40px;
        width: 275px;
        /*background-color: #31342f;*/
        position: relative;
    }

    .msgHandleOutBox-right-upOne-img {
        width: 30px;
        height: 25px;
        /*background-color: #fff;*/
        float: right;
        position: relative;
        cursor: pointer;
    }

    .msgHandleOutBox-right-upOne-img:hover {
        background-color: #ec3737;
    }

    .msgHandleOutBox-right-upOne-imgStyle {
        width: 15px;
        height: 15px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .msgHandleOutBox-right-one {
        position: absolute;
        left: 10px;
        top: 5px;
    }

    .msgHandleOutBox-right-two {
        position: absolute;
        right: 10px;
        top: 8px;
    }

    .msgHandleOutBox-right-oneText {
        font-size: 16px;
        font-family: SourceHanSansCN;
    }

    .msgHandleOutBox-right-twoText {
        color: #cccccc;
    }

    .msgHandleOutBox-right-downOne {
        position: absolute;
        left: 100px;
        top: 45%;
        transform: translateY(-50%);
    }

    .msgHandleOutBox-right-downTwo {

        position: absolute;
        right: 25px;
        top: 45%;
        transform: translateY(-50%);
    }

    .msgHandleOutBox-right-downOneBtnNoDatas {
        width: 72px;
        height: 30px;
        background-color: #8CD58C;
        color: #F1F1F1;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
    }

    .msgHandleOutBox-right-downOneBtn {
        width: 72px;
        height: 30px;
        background-color: #1AAD19;
        color: #F1F1F1;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
    }

    .msgHandleOutBox-right-downTwoBtn {
        width: 72px;
        height: 30px;
        background-color: #ffffff;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
    }

    .msgHandleOutBox-right-downTwoBtn:hover {
        background-color: #a7a4a4;
    }

    .msgHandleOutBox-right-downOneBtnText {
        font-size: 14px;
    }

    .msgHandleOutBox-right-downTwoBtnText {
        font-size: 14px;
    }

    .msgHandleOutBox-right-centerItem {
        height: 50px;
        width: 272px;
        background-color: #fff;
        position: relative;
        border-bottom: 1px solid #e8e8e8;
    }

    .msgHandleOutBox-right-centerItem01 {
        position: absolute;
        left: 2px;
        top: 3px;
    }

    .msgHandleOutBox-right-centerItem02 {

        position: absolute;
        left: 60px;

    }

    .msgHandleOutBox-right-centerItem03 {

        position: absolute;
        right: 10px;

    }

    .msgHandleOutBox-right-centerItem01Box {
        width: 50px;
        height: 50px;
        /*background-color: #e32424;*/
        position: relative;
    }

    .msgHandleOutBox-right-centerItem02Box {
        width: 150px;
        height: 50px;
        /*background-color: #2454e3;*/
        position: relative;
    }

    .msgHandleOutBox-right-centerItem03Box {
        width: 50px;
        height: 50px;
        /*background-color: #2e8e13;*/
        position: relative;
        cursor: pointer;
    }

    .msgHandleOutBox-right-centerItem02BoxName {
        position: absolute;
        top: 50%;
        left: 5px;
        transform: translateY(-50%);
    }

    .msgHandleOutBox-right-centerItem01BoxCtl {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .msgHandleOutBox-right-centerItem03BoxCtl {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .msgHandleOutBox-right-centerItem02BoxNameText {
        font-size: 16px;
    }

    .msgHandleOutBox-right-centerItem01BoxImg {
        width: 40px;
        height: 40px;
    }

    .msgHandleOutBox-hanChooseBoxImg {
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    .msgHandleOutBox-right-centerItem03BoxImg {
        width: 20px;
        height: 20px;
    }

    /*转发*/
    /*艾特*/
    .ATgroupMenberCtl {
        position: absolute;
        left: 30%;
        top: 45%;
        z-index: 9999;
    }

    .ATgroupMenberContainer {
        height: 300px;
        width: 200px;
        background-color: #ffffff;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        border: 1px solid #cccccc;
    }

    .ATgroupMenberContainer::-webkit-scrollbar { /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
        scrollbar-arrow-color: #dadada;
    }

    .ATgroupMenberContainer::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
        scrollbar-arrow-color: #dadada;
    }

    .ATgroupMenberContainer::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .ATgroupMenberItem {
        height: 40px;
        width: 200px;
        background-color: #fff;
        border-bottom: 0.5px solid #cccccc;
        cursor: pointer;
    }

    .ATgroupMenberItem:hover {
        background-color: #cccccc;
    }

    .ATgroupMenberItem-left {
        position: absolute;
        left: 2px;
    }

    .ATgroupMenberItem-right {
        position: absolute;
        left: 55px;
    }

    .ATgroupMenberItem-leftBox {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #0f716e;
        position: relative;
        margin-top: 2px;
    }

    .ATgroupMenberItem-leftBoxName {
        line-height: 40px;
        font-size: 14px;
        color: #F1F1F1;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .ATgroupMenberItem-rightBox {
        line-height: 40px;
        font-size: 16px;
    }

    /*艾特*/
